999精品国产,高贵的丝袜人妻,人妻无码视频一区二区,国产高清无码自拍,AV波多野结衣无码

    1. <rt id="h9twg"><progress id="h9twg"></progress></rt><style id="h9twg"></style>

      聯(lián)
      咨詢熱線:

      17661095540

      聯(lián)系QQ:

      2863379292

      官方微信:

      如何制作交互組件庫 提升工作效率

      建站經(jīng)驗(yàn)

      導(dǎo)讀:曾幾何時(shí),每次交互稿都是徒手畫,或者截個(gè)圖在現(xiàn)有的界面上改造。漸漸感到同一平臺(tái),每個(gè)版本都有很多重復(fù)勞動(dòng),是時(shí)候做個(gè)交互組件庫了~什么是組件庫?就是類似axure左側(cè)欄的這一坨

      發(fā)表日期:2020-02-13

      文章編輯:興田科技

      瀏覽次數(shù):6367

      標(biāo)簽:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      曾幾何時(shí),每次交互稿都是徒手畫,或者截個(gè)圖在現(xiàn)有的界面上改造。漸漸感到同一平臺(tái),每個(gè)版本都有很多重復(fù)勞動(dòng),是時(shí)候做個(gè)交互組件庫了~

      什么是組件庫?

      就是類似axure左側(cè)欄的這一坨標(biāo)準(zhǔn)控件,方便直接拖拽使用。

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      但如何制作滿足自己產(chǎn)品需要的交互組件庫,一開始是模糊的。最初只是根據(jù)自己的需要隨便列一些出來,在做的過程中逐漸清晰。

      交互組件庫的作用:

      提高個(gè)人工作效率方便多人合作使交互文檔具有統(tǒng)一美

      哪些東西可以做成交互組件?

      只需記住一點(diǎn):當(dāng)你感覺到某種UI組合,每次都需要重新畫一遍的時(shí)候,就可以考慮把這種UI組合做成交互組件。

      上面所說的“重復(fù)勞動(dòng)”對(duì)不同人來說可能定義不盡相同。比如對(duì)我來說,即使把Tab的選中狀態(tài)變一下,也是一種重復(fù)勞動(dòng)。那我就會(huì)把不同Tab的選中狀態(tài)都做一份。這樣等到要制作“我的音樂”相關(guān)交互的時(shí)候,直接把下面第二個(gè)組件拖過去就可以了。

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      但對(duì)于某些Tab組合來說,每個(gè)Tab底下的內(nèi)容可能是差不多的,做交互的時(shí)候往往只需要表達(dá)第一個(gè)Tab下的頁面就可以了。這種我就只把第一個(gè)Tab的選中狀態(tài)做一下。總得來說,怎樣對(duì)自己方便就怎樣做。

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      交互組件應(yīng)該具備的特點(diǎn):

      組件組件,最大的一個(gè)特點(diǎn)就是可組合性。整理的時(shí)候,思考哪些UI組合是不同頁面都會(huì)共用的,把這些元素剝離出來,就成了交互組件。根據(jù)自己的經(jīng)驗(yàn),我會(huì)把組件歸為幾大類:

      頂欄類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      導(dǎo)航類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      彈窗類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      彈出浮層類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      toast類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      列表類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      鍵盤類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      icon類:

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      另外,一些常用的主界面和內(nèi)容頁我也會(huì)做成組件。這樣當(dāng)我要拿搜索頁說事兒的時(shí)候,就可以直接把整個(gè)搜索頁拖過去,而不需要花時(shí)間再搭一遍積木了。

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      單個(gè)交互組件應(yīng)該具備的特點(diǎn):可編輯性。pNG圖標(biāo)、文字、選中……每一個(gè)元素都是可以單獨(dú)編輯的。

      如何制作交互組件庫 提升工作效率 怎么做網(wǎng)站賺錢

      組件的顏色?

      盡量以黑(性)白(冷)灰(淡)風(fēng)格為主。

      如何把各種組件想全?

      不用想全,邊做邊補(bǔ)。所以不同平臺(tái)的交互組件庫應(yīng)該有專人維護(hù)更新,才能保證組件庫始終好用。這點(diǎn)其實(shí)知易行難,一定要提醒自己“磨刀不誤砍柴工”。

      組件邊上需要寫說明文字嗎?

      個(gè)人喜好組件邊上不寫任何說明文字,組件的名字已經(jīng)反映在axure文檔的側(cè)導(dǎo)航上。只要側(cè)導(dǎo)航分類符合心智模型(好找),頁面上清清爽爽的組件(方便拖拽),就能滿足我的需求了。

      組件庫是給畫交互稿的人用的,不是給別人看的。給別人看的是另外一種東西,交互規(guī)則庫,那種需要說明文字。

      因此,判斷一個(gè)交互組件庫是否好用的標(biāo)準(zhǔn)是:

      你自己是不是經(jīng)常使用自己的組件庫別人樂不樂意使用你的組件庫

      相關(guān)推薦

      更多新聞

      夜夜操夜夜操夜夜操| 牛牛热精品| 人妻少妇中文| 久久一日本道色综合久久| 湘潭县| 狠狠干在线视频| 国产精品人妻无码一区二区在线| 都江堰市| 超碰人人操| 男人AV在线| 亚洲精品一区二区三区蜜臀| 亚洲不卡a| 中文字幕久久人妻| 午夜成人小电影| 91人妻无码成人精品一区二区| 丰满少妇乱码一区二区三区91 | 波多野结衣被躁了38分钟 | 无码中文字| 少妇精品BBwBBWBBW| 黄色免费成人视频| av婷婷在线| A片无码一区二区三区在线草莓| 蜜桃视频99| 美女奶头久久久| 欧美人妻少妇| 色天堂在线观看| 制服.丝袜.亚洲.中文.综合| 久久久久亚洲AV无码专区少妇| 临颍县| 大香蕉手机在线| 国产无码自拍| 人妻97精品无码一区二区三区| 少妇—x88AV| 日本一本二本三本在线| 波多野结衣高潮尿喷水| 国模私拍XVIDEOS私拍| 欧美精品一区二区三区潮喷b2| 91人妻无码成人精品一区| 青青草久久草| 青草国产| 中文字幕熟女人妻|